<template>
  <div class="search">
      <div class="search-index" @click="fun()">
          <img src="search.jpg" alt="">
          <span>搜索：目的地/酒店/景点/航班号</span>
      </div>
  </div>
</template>

<script>
export default {
  methods: {
      fun(){
          this.$router.push("/search")
      }
  },
}
</script>

<style scoped>
.search{
    width: 100%;
    height: .5rem;
    background-color: #fff;
    padding-top: .15rem;
}
.search-index{
    width: 3.5rem;
    margin: 0 auto;
    height: .32rem;
    padding-left: .1rem;
    border-radius: .16rem;
    border: 2px solid #0086f6;
    color: #666;
    line-height: .32rem;
}
.search-index img{
    vertical-align: middle;
    margin-right: .1rem;
    width: .2rem;
    height: .2rem;
}
</style>